#homepage {
    .bodyContent{
        .centerCont{
            margin: 0 auto;
            width: 1200px;
            padding-top: 200px;
            .topCont{
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                p{
                    text-align: center;
                    font-size: 16px;
                    color: #FFFFFF;
                    line-height: 60px;
                }
                h1{
                    display: inline;
                    text-align: center;
                    font-size: 50px;
                    font-weight: bold;
                    color: #FFFFFF;
                    line-height: 60px;
                    background: linear-gradient(to right, #0BC288, #FFF664);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }
                .blockNumber{
                    margin-top: 20px;
                    width: 460px;
                    height: 37px;
                    line-height: 37px;
                    text-align: center;
                    font-size: 16px;
                    font-weight: bold;
                    color: #1B143D;
                    background: url("../../asserts/images/balance/juxing.png") no-repeat;
                    background-size: 100% 100%;
                }
            }

            .listHeader{
                margin-top: 36px;
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                li{
                    font-size: 14px;
                    color: #733EB4;
                    line-height: 60px;
                    padding: 0 6px;
                    text-align: center;
                }
                .listBtnCont{
                    width: 280px; 
                    display: flex;
                    flex-direction: row; 
                    justify-content: space-between;
                    align-items: center;
                }
            }

            .listBody{
                width: 100%;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                li{
                    height: 60px;
                    background: #4E4382;
                    font-size: 14px;
                    color: #ffffff;
                    line-height: 60px;
                    padding: 0 6px;
                    text-align: center;
                }
                .listBtnCont{
                    width: 280px; 
                    display: flex;
                    flex-direction: row; 
                    justify-content: space-between;
                    align-items: center;
                }
                .listBtn{
                    display: inline-block;
                    text-align: center;
                    width: 90px;
                    height: 30px;
                    color: #1C153E;
                    line-height: 30px;
                    background: #FAF565;
                    border-radius: 15px;
                    cursor: pointer;
                }
            }

            .bottonCont{
                margin-top: 130px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                .creatButton{
                    width: 315px;
                    height: 60px;
                    line-height: 60px;
                    text-align: center;
                    background: linear-gradient(90deg, #0BC288, #FFF664);
                    border-radius: 10px;
                    color: #1C153E;
                }
            }



        }
    }
}